<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Metadata</title>

        <script src="../../res/js/lib/jquery-2.1.1.js" th:src="@{/res/js/lib/jquery-2.1.1.js}" type="text/javascript"></script>

        <script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.js" type="text/javascript"></script>
        <link href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
        <link href="../res/css/datatables/cmt_datatables.css" th:href="@{/res/css/datatables/cmt_datatables.css}" rel="stylesheet" type="text/css" />

        <script src="../res/js/datatables/init.js" th:src="@{/res/js/datatables/init.js}"></script>
        <script src="../res/js/datatables/util.js" th:src="@{/res/js/datatables/util.js}"></script>
    </head>
    <body>
        <h1>Metadata for Product ID <span th:text="${productId}">1</span></h1>
        <div th:replace="/metadata/fragments/metadata_datatable :: datatable (${products_metadata})"></div>
        <br />
        <a th:href="@{/metadata}">Back to Metadata overview</a>
    </body>
</html>
